import { ITooltip } from '@/utils/tooltips/ITooltip';

export class Tooltip implements ITooltip {
  private tooltipElement: HTMLElement;

  constructor() {
    this.tooltipElement = document.createElement('div');
    this.tooltipElement.className = 'supermap-tooltip';
    this.tooltipElement.style.position = 'absolute';
    this.tooltipElement.style.background = 'rgba(0, 0, 0, 0.7)';
    this.tooltipElement.style.color = '#fff';
    this.tooltipElement.style.padding = '5px 10px';
    this.tooltipElement.style.borderRadius = '4px';
    this.tooltipElement.style.pointerEvents = 'none';
    this.tooltipElement.style.whiteSpace = 'nowrap';
    this.tooltipElement.style.display = 'none';
    this.tooltipElement.style.zIndex = '9999';

    document.body.appendChild(this.tooltipElement);
  }

  showAt(position: any, message: string): void {
    this.tooltipElement.style.left = position.x + 'px';
    this.tooltipElement.style.top = position.y + 'px';
    this.tooltipElement.innerText = message;
    this.tooltipElement.style.display = 'block';
  }

  setVisible(visible: boolean): void {
    this.tooltipElement.style.display = visible ? 'block' : 'none';
  }
}
//.supermap-tooltip {
//   position: absolute;
//   background: rgba(42, 42, 42, 0.8);
//   color: #fff;
//   padding: 4px 8px;
//   border-radius: 4px;
//   pointer-events: none;
//   z-index: 9999;
//   font-size: 12px;
// }
